<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/shopping.css">
    <link rel="stylesheet" href="../font_2693345_gakiov1nhvi/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="banxin">
            <div class="logo">
                <img src="../img/logo-mi2.png">
            </div>
            <div class="ban-txt">
                <h1 class="ban-he">我的购物车</h1>
                <p class="ban-op">温磬提示:产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            </div>
            <div class="ban-info">
                <span class="user">
                    <a href="#" class="user-name">
                        <span class="name"></span>
                        <i class="iconfont icon-jiantou9"></i>
                        <ul class="user-ul">
                            <li class="user-li">个人中心</li>
                            <li class="user-li">评论晒单</li>
                            <li class="user-li">我的喜欢</li>
                            <li class="user-li">小米账号</li>
                            <li class="user-li">退出登录</li>
                        </ul>
                    </a>
                </span>
                <span class="sep">|</span>
                <a href="#" class="foolew">我的订单</a>
            </div>
        </div>
    </div>
    <!-- 购物车主体 -->
    <div class="page-main">
        <div class="conationer">
            <div class="conationer-min">
                <div class="cart-list">
                    <!-- 商品列头部 -->
                    <div class="list-head">
                        <div class="col col-check">
                            <input type="checkbox" class="iconfont icon-zhifangkuang icon_quan" checked>
                            全选
                        </div>
                        <div class="col col-img">&nbsp;</div>
                        <div class="col col-name">商品名称</div>
                        <div class="col col-price">单价(元)</div>
                        <div class="col col-num">数量</div>
                        <div class="col col-total">小计(元)</div>
                        <div class="col col-taction">操作</div>
                    </div>
                    <!-- 商品列主体 -->
                    <div class="list-body">
                        <!-- <div class="item-box">
                            <div class="item-row">
                                <div class="col col-check">
                                    <input type="checkbox" class="iconfont icon-zhifangkuang icon_dan">
                                </div>
                                <div class="col col-img"><img src="../img/62.webp" class="img-smell"></div>
                                <div class="col col-name">
                                    <h3 class="name">小米11</h3>
                                </div>
                                <div class="col col-price">5999元</div>
                                <div class="col col-num">
                                    <div class="num-nei">
                                        <input type="button" value="-" class="ipt col-butd"><input type="text" value="1" class="ipt col-txt"><input type="button" value="+" class="ipt col-butu">
                                    </div>
                                </div>
                                <div class="col col-total">5999元</div>
                                <div class="col col-action">
                                    <span class="iconfont icon-cross"></span>
                                </div>
                            </div>
                        </div> -->
                        <span>元</span>
                    </div>
                </div>
                <div class="buy-box"></div>
                <!-- 商品列底部 -->
                <div class="clearfix">
                    <div class="section-left">
                        <a href="#" class="back">继续购物</a>
                        <span class="total">共
                            <i class="cart cart-gon">2</i>件商品
                            <!-- <i class="cart cart-jian">0</i> -->
                        </span>
                    </div>
                    <span class="total-price">合计：
                        <i class="eveam">0</i>元
                        <a href="#" class="disabled">去结算</a>
                    </span>
                    <div class="no-select"> 
                        请勾选需要结算的商品
                        <i class="arrow arrow-a"></i>
                        <i class="arrow arrow-b"></i>
                    </div>
                </div>
            </div>
            <!-- 同类商品 -->
            <div class="recommend">
                <h2 class="recon-title">
                    <span>买购物车中商品的人还买了</span>
                </h2>
                <div class="recommend-bd">
                    <ul class="recommend-list">
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车底部 -->
    <!-- 底部导航 -->
    <div class="floot-nav">
        <div class="service">
            <ul class="sve-ul">
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
                <li class="sve-li sve-next">
                    <span class="iconfont icon-banshou sve-sp"></span><span class="sve-sp">预约维修服务</span>
                </li>
            </ul>
        </div>
        <div class="assist">
            <ul class="ass-ul">
                <li class="ass-li">帮助中心</li>
                <li class="ass-li">账户管理</li>
                <li class="ass-li">购物指南</li>
                <li class="ass-li">订单操作</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">服务支持</li>
                <li class="ass-li">售后政策</li>
                <li class="ass-li">自助服务</li>
                <li class="ass-li">相关下载</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">线下门店</li>
                <li class="ass-li">小米之家</li>
                <li class="ass-li">服务网点</li>
                <li class="ass-li">授权体验店</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">关于小米</li>
                <li class="ass-li">了解小米</li>
                <li class="ass-li">加入小米</li>
                <li class="ass-li">投资者关系</li>
                <li class="ass-li">企业社会责任</li>
                <li class="ass-li">廉洁举报</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">关注我们</li>
                <li class="ass-li">新浪微博</li>
                <li class="ass-li">官方微信</li>
                <li class="ass-li">联系我们</li>
                <li class="ass-li">公益基金会</li>
            </ul>
            <ul class="ass-ul">
                <li class="ass-li">特色服务</li>
                <li class="ass-li">F码通道</li>
                <li class="ass-li">礼物码</li>
                <li class="ass-li">防伪查询</li>
            </ul>
            <div class="ass-contact">
                <p class="phone">400-100-5678</p>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="#">
                    <span class="iconfont icon-zhengzhouyinhangAPPtubiaodiergaolunkuohuachunse-28"></span>
                    人工客服
                </a>
                <div class="follow">关注小米：
                    <span class="iconfont icon-weibo"></span>
                    <span class="iconfont icon-weixin"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="floot">
        <div class="floot-ban">
            <div class="ban-logo">
                <img src="../img/logo-mi2.png">
            </div>
            <div class="ban-text">
                <p class="text-sites">
                        <a class="text-oa">小米商城</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">MIUI</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">米家</a>
                        <span class="text-sp">|</sapn>
                        <a class="text-oa">米聊</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">多看</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">游戏</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">政企服务</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米天猫店</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米集团隐私政策</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米公司儿童信息保护规则</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米商城隐私政策</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">小米商城用户协议</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">问题反馈</a>
                        <span class="text-sp">|</span>
                        <a class="text-oa">Select Location</a>
                </p>
                <p class="text-sites">
                    <a class="text-oa">北京互联网法院法律服务工作站</a>
                    <span clspanss="text-sp">|</span>
                    <a class="text-oa">中国消费者协会</a>
                    <span class="text-sp">|</span>
                    <a class="text-oa">北京市消费者协会</a>
                </p>
                <p class="text-hou">
                    <span>&reg;</span>
                    <a href="#">mi.com</a>
                    <span>京ICP证110507号</span>
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                    <br>
                    <a href="#">(京）网械平台备字(2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                    <br>
                    <a href="#">增值电信业务许可证</a>
                    <span>网络食品经营备案京食药网食备202010048</span>
                    <a href="#">食品经营许可证</a>
                    <br>
                    <span>违法和不良信息举报电话:171-5104-4404</span>
                    <a href="#">知识产权侵权</a>
                    <a href="#"></a>
                    <span>投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
            </div>
            <div class="ban-tu">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
                <img src="../img/truste.png">
            </div>
            <div class="floot-slogan">
            让全球每个人都能享受到科技带来的美好生活
            </div>
        </div>
    </div>
    <!-- 删除弹出框 -->
    <div class="mi-popup">
        <div class="mi-modal"></div>
        <div class="mi-dialog">
            <div class="mi-content">
                <a href="#" class="no-header">
                    <span class="iconfont icon-cross"></span>
                </a>
                <div class="mi-idalog-body">
                    <div class="mi-dialog-inner">
                        <div class="del-title">
                            <h3>确定删除吗</h3>
                        </div>
                    </div>
                </div>
                <div class="el-footer">
                    <button class="btn btn-prarmy">确定</button>
                    <button class="btn btn-gray">取消</button>
                </div>
            </div>
        </div>
    </div>



</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/shopping.js"></script>
</html>